<!-- DOCUMENT LIST-->
<mat-card class="adf-home-card">
        <mat-card-title class="adf-home-card-title adf-primary-background-color"  routerLink="/files">
            <h2 >
                <mat-icon>dvr</mat-icon>
                <span class="adf-home-card__text">DocumentList - Content Services</span>
            </h2>
        </mat-card-title>
    <mat-card-content>
        Demonstrates multiple Alfresco Content Services components used together to display the files of your Content Services instance:
        <ul class="adf-home-feature-list">
            <li>
                <mat-icon>brightness_1</mat-icon>
                <span class="adf-home-feature-list__text">Communication with the Rest Api and core services</span>
                <a href="https://www.npmjs.com/package/ng2-alfresco-core" target="_blank">ng2-alfresco-core</a>
            </li>
            <li>
                <mat-icon>dvr</mat-icon>
                <span class="adf-home-feature-list__text">Document List</span>
                <a href="https://www.npmjs.com/package/ng2-alfresco-documentlist" target="_blank">ng2-alfresco-documentlist</a>
            </li>
            <li>
                <mat-icon>file_upload</mat-icon>
                <span class="adf-home-feature-list__text">Upload</span>
                <a href="https://www.npmjs.com/package/ng2-alfresco-upload" target="_blank">ng2-alfresco-upload</a>
            </li>
            <li>
                <mat-icon>view_module</mat-icon>
                <span class="adf-home-feature-list__text">DataTable</span>
                <a href="https://www.npmjs.com/package/ng2-adf-datatable" target="_blank">ng2-adf-datatable</a>
            </li>
        </ul>
    </mat-card-content>
</mat-card>


<!-- Process Services-->
<mat-card class="adf-home-card">
        <mat-card-title class="adf-home-card-title adf-primary-background-color"  routerLink="/activiti">
            <h2 >
                <mat-icon>apps</mat-icon>
                <span class="adf-home-card__text">Process Services</span>
            </h2>
        </mat-card-title>
    <mat-card-content>
        Demonstrates multiple Alfresco Process Services components used together to show your Process Services process and tasks:
        <ul class="adf-home-feature-list">
            <li>
                <mat-icon>brightness_1</mat-icon>
                <span class="adf-home-feature-list__text">Communication with the Rest Api and core services</span>
                <a href="https://www.npmjs.com/package/ng2-alfresco-core" target="_blank">ng2-alfresco-core</a>
            </li>
            <li>
                <mat-icon>view_module</mat-icon>
                <span class="adf-home-feature-list__text">App List</span>
                <a href="https://www.npmjs.com/package/ng2-adf-tasklist" target="_blank">ng2-adf-apps</a>
            </li>
            <li>
                <mat-icon>view_headline</mat-icon>
                <span class="adf-home-feature-list__text">Task List</span>
                <a href="https://www.npmjs.com/package/ng2-adf-tasklist" target="_blank">ng2-adf-tasklist</a>
            </li>
            <li>
                <mat-icon>view_headline</mat-icon>
                <span class="adf-home-feature-list__text">Process List</span>
                <a href="https://www.npmjs.com/package/ng2-activiti-processlist" target="_blank">ng2-activiti-processlist</a>
            </li>
            <li>
                <mat-icon>view_quilt</mat-icon>
                <span class="adf-home-feature-list__text">Form</span>
                <a href="https://www.npmjs.com/package/ng2-adf-form" target="_blank">ng2-adf-form</a>
            </li>
            <li>
                <mat-icon>pie_chart</mat-icon>
                <span class="adf-home-feature-list__text">Analytics</span>
                <a href="https://www.npmjs.com/package/ng2-adf-analytics" target="_blank">ng2-adf-analytics</a>,
                <a href="https://www.npmjs.com/package/ng2-adf-diagrams" target="_blank">ng2-adf-diagrams</a>
            </li>
            <li>
                <mat-icon>view_module</mat-icon>
                <span class="adf-home-feature-list__text">DataTable</span>
                <a href="https://www.npmjs.com/package/ng2-adf-datatable" target="_blank">ng2-adf-datatable</a>
            </li>
        </ul>
    </mat-card-content>
</mat-card>


<!-- DATATABLE-->
<mat-card class="adf-home-card">
        <mat-card-title class="adf-home-card-title adf-primary-background-color"  routerLink="/datatable">
            <h2 >
                <mat-icon>view_module</mat-icon>
                <span class="adf-home-card__text">DataTable - Content Services & Process Services</span>
            </h2>
        </mat-card-title>
    <mat-card-content>
        Basic table component:
        <ul class="adf-home-feature-list">
            <li>
                <mat-icon>brightness_1</mat-icon>
                <span class="adf-home-feature-list__text">Communication with the Rest Api and core services</span>
                <a href="https://www.npmjs.com/package/ng2-alfresco-core" target="_blank">ng2-alfresco-core</a>
            </li>
        </ul>
    </mat-card-content>
</mat-card>

<!-- UPLOADER-->
<mat-card class="adf-home-card">
        <mat-card-title class="adf-home-card-title adf-primary-background-color"  routerLink="/uploader">
            <h2 >
                <mat-icon>file_upload</mat-icon>
                <span class="adf-home-card__text">Uploader - Content Services</span>
            </h2>
        </mat-card-title>
    <mat-card-content>
        Basic table uploader component for the Content Services & Process Services:
        <ul class="adf-home-feature-list">
            <li>
                <mat-icon>brightness_1</mat-icon>
                <span class="adf-home-feature-list__text">Communication with the Rest Api and core services</span>
                <a href="https://www.npmjs.com/package/ng2-alfresco-core" target="_blank">ng2-alfresco-core</a>
            </li>
        </ul>
    </mat-card-content>
</mat-card>

<!-- LOGIN-->
<mat-card class="adf-home-card">
        <mat-card-title class="adf-home-card-title adf-primary-background-color"  routerLink="/login">
            <h2 >
                <mat-icon>account_circle</mat-icon>
                <span class="adf-home-card__text">Login - Content Services & Process Services</span>
            </h2>
        </mat-card-title>
    <mat-card-content>
        Login component for the Content Services and Process Services:
        <ul class="adf-home-feature-list">
            <li>
                <mat-icon>brightness_1</mat-icon>
                <span class="adf-home-feature-list__text">Communication with the Rest Api and core services</span>
                <a href="https://www.npmjs.com/package/ng2-alfresco-core" target="_blank">ng2-alfresco-core</a>
            </li>
        </ul>
    </mat-card-content>
</mat-card>

<!-- WEBSCRIPT-->
<mat-card class="adf-home-card">
    <mat-card-title class="adf-home-card-title adf-primary-background-color"  routerLink="/webscript">
        <h2 >
            <mat-icon>extension</mat-icon>
            <span class="adf-home-card__text">Webscript - Content Services</span>
        </h2>
    </mat-card-title>
    <mat-card-content>
        Displays and creates webscripts in your Content Services instance:
        <ul class="adf-home-feature-list">
            <li>
                <mat-icon>brightness_1</mat-icon>
                <span class="adf-home-feature-list__text">Communication with the Rest Api and core services</span>
                <a href="https://www.npmjs.com/package/ng2-alfresco-core" target="_blank">ng2-alfresco-core</a>
            </li>
        </ul>
    </mat-card-content>
</mat-card>

<!-- TAG-->
<mat-card class="adf-home-card">
        <mat-card-title class="adf-home-card-title adf-primary-background-color"  routerLink="/tag">
            <h2 >
                <mat-icon>local_offer</mat-icon>
                <span class="adf-home-card__text">Tag - Content Services</span>
            </h2>
        </mat-card-title>
    <mat-card-content>
        Displays and adds tags to the node of your Content Services instance:
        <ul class="adf-home-feature-list">
            <li>
                <mat-icon>brightness_1</mat-icon>
                <span class="adf-home-feature-list__text">Communication with Rest</span>
                <a href="https://www.npmjs.com/package/ng2-alfresco-core" target="_blank">ng2-alfresco-core</a>
            </li>
        </ul>
    </mat-card-content>
</mat-card>
